<template>
    <el-form ref="item" :model="item" label-width="155px" :label-position="labelPosition" style="margin-left:5%">
        <el-form-item label="债权类型 ：">
            <span>{{item.creditType}}</span>
        </el-form-item>
        <el-form-item label="主债务人 ：">
            <span>{{item.mainObligor}}</span>
        </el-form-item>
        <el-form-item label="连带债务人 ：">
            <span>{{item.relatedObligor}}</span>
        </el-form-item>
        <el-form-item label="债权性质 ：">
            <span>{{item.creditNature}}</span>
        </el-form-item>
        <div v-if="item.creditNature==='优先债权'">
            <el-form-item label="是否放弃优先受偿权 ：">
                <span>{{item.giveFirst}}</span>
            </el-form-item>
            <el-form-item label="担保物情况 ：">
                <span>{{item.guaranteeCond}}</span>
            </el-form-item>
            <el-form-item label="担保形式 ：">
                <span>{{item.guaranteeForm}}</span>
            </el-form-item>
        </div>
    </el-form>
</template>

<script>
    export default {
        data () {
            return {
                labelPosition: 'left'
            }
        },
        methods: {},
        props: [
            'item'
        ],
        mounted () {
        }
    }
</script>

<style scoped>
    .el-form-item span {
        float: right;
        margin-right: 25%;
    }

    .el-form-item {
        margin-bottom: 10px;
    }
</style>
